@charset "utf-8";
/* CSS Document */

/* 
============================================================================================
|		Sticky footer structure
============================================================================================
*/

html, body	{ height:100%; margin:0px; min-width: 1000px; }
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }

.wrap-main		{ min-height:100%; }
.wrap-content	{ overflow:auto; padding-bottom:60px; }  
.wrap-footer	{ position:relative; margin-top:-60px; height:60px; clear:both; }

/*
==========================================
|		Header
==========================================
*/

.site-header { width:100%; height:80px; color:#F0F0F0; background-color: #242322; border-bottom:1px solid #444; }
.site-header .site-logo	 { position:relative; top:13px; left:25px; width:212px; height:52px; z-index:999; }

.site-header .user-menu				{ position:absolute; top:10px; right:20px; z-index:999; font:12px Verdana, Arial, Geneva, sans-serif; }
.site-header .user-menu .login		{ float:left; }
.site-header .user-menu .login a		{ color:#FFFFFF; }
.site-header .user-menu .login a:hover		{ color:#22B2F5; }
.site-header .user-menu .login span	{ margin-right:15px;  }
.site-header .user-menu .lang		{ float:left; }
.site-header .user-menu .lang .margin-flag	{ margin-left:5px; }

/*
==========================================
|		Menu
==========================================
*/

.menu { position:absolute; top:36px; right:16px; z-index:999; height:30px; margin:0px; padding:5px; }
.menu ul 	{ margin:0 auto; padding:0; list-style:none; clear:both; height:30px; width:100%; }
.menu ul li { overflow:hidden; display:inline; float:left; font: 1.7em Georgia; padding:5px 15px; border:1px solid transparent; border-bottom:none;}
.menu ul li.margin-right { margin-right:10px; }
.menu ul li a { color: #FFF; }
.menu ul li a:hover { color: #22B2F5; }
.menu ul li.selected { background: transparent url('/images/template/mosaic-d.png') repeat-x; border:1px solid #444; border-bottom:none;}
.menu ul li.selected a { color: #22B2F5; }

.sec-menu-wrap { position:relative; border:1px solid #ccc; background-color: #eee; margin:20px 0; }
.sec-menu-wrap .sec-menu { text-align: center; }
.sec-menu-wrap .sec-menu ul { list-style: none; display: block; padding-left:0px; }
.sec-menu-wrap .sec-menu ul li { display: inline; margin:10px; padding:5px 16px; padding-left:40px; font-size: 1.3em; }

/* 
============================================================================================
|		Footer styles
============================================================================================
*/

.wrap-footer {
	color:#F0F0F0; 
	font-size:0.9em;
}

.footer-links {}
.footer {
	position:absolute; bottom:0px;
	width: 100%; padding:10px 0;
	background-color: #242322;
	text-align:center;
}

/* 
============================================================================================
|		General styles
============================================================================================
*/
body {
	background:#303030 url('/images/template/mosaic-c.png') repeat;
	font:0.9em Georgia, "Times New Roman", Times, serif; 
	color:#555;
}

.content			{ width: 1000px; margin:10px auto; }
image				{ border:0; }

a, a:visited		{ color:#22B2F5; text-decoration:none; }
a:hover				{ color:#A85E18; cursor:pointer;}
a.white-link 		{ color:#FFF; }
a.white-link:hover	{ color:#5cabdb; text-decoration:none;  }

.orange 			{ color: #F5AB22; }
.orange-d			{ color: #A85E18; }
a.orange 			{ color: #F5AB22; }
a.orange:hover 		{ color: #A85E18; }
a.orange-d 			{ color: #A85E18; }
a.orange-d:hover	{ color: #F5AB22; }

.pagination 			{ padding:10px; text-align: left; margin-left:140px; }
.pagination .page		{ background-color: #F2F6FF; margin:1px; padding:10px; border:1px solid #E0EAFF; }
.pagination .current	{ background-color: #E0EAFF; }

.tlr {
	border-top-left-radius: 15px;
	-border-radius-topleft: 15px; 
}
.trr {
	border-top-right-radius: 15px;
	-border-radius-topright: 15px; 
}
.blr {
	border-bottom-left-radius: 15px;
	-border-radius-bottomleft: 15px; 
}
.brr {
	border-bottom-right-radius: 15px;
	-border-radius-bottomright: 15px; 
}

.round-box { 
	border-bottom-right-radius: 15px;
	-border-radius-bottomright: 15px; 
}

.hidden {display:none;}
.blue				{ color:#22B2F5; }
.underline			{ text-decoration: underline; }
.italic				{ font-style: italic; }
.strong				{ font-weight: bold; }
.clear				{ clear:both; }
.reduced-font		{ font-size: 0.7em; }
.shadow {
	-moz-box-shadow: 0px 0px 15px #666;
	-webkit-box-shadow: 0px 0px 15px #666;
	box-shadow: 0px 0px 15px #666;
}
.shadow-thin {
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
}
.clearfix { clear:both; }


.top { position:relative; background:transparent url('/images/template/mosaic-d.png') repeat; color:#F0F0F0; padding: 10px 0; }
.top .top-content-wrap { margin: 0px 30px 5px 30px;}
.top .hall-of-fame { height:34px; background: transparent url('/images/template/hall-of-fame-bg.png') repeat-x; padding:5px 0 0 30px; font-size:1.4em; }
.top .hall-of-fame span.item { margin-right:25px; }
.top h1 { font-size:1.8em; font-weight:normal; margin:0px; margin-bottom:10px; }
.top p.info-text { font-size:1.2em; margin:0; }
.top .container { position:relative; margin:0 25px; }
.top.sized { height:300px; }
















img.avatar			{ border:3px solid #C2C2C2; }

#rating-stars { 
	width:68px; height:14px;
	background:url('/images/template/rating-stars.png') no-repeat;
	background-position:-15px 0px;
}

/* jQuery Combo box */
/* Drop down styles*/
div.selectbox-wrapper {
  border:1px solid #ccc;
  margin-left:2px;
  padding:0px;
  text-align:left;
  max-height:600px;
  overflow:auto;
  position:absolute;
  background-color:#FFF;
  z-index:999999999999;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding-left:3px;
  color:#666;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
  font-weight:bold;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* Look and feel of select box */
.filter-select 
{
	color:#666;
	padding-left:3px;
	font-size:1.1em;/* Resize Font*/
	height:24px;
	background: url('/images/template/combobox-bg-2.png') no-repeat right;
	cursor: pointer;
	border:1px solid #D1E4F6;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-ms-border-radius-topright: 5px;
	-ms-border-radius-bottomrightright: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
}

.registrationForm { font-size:0.9em; }
.registrationForm label, .registrationForminput { display:block; }
.registrationForm input.text { margin-bottom:12px; width:95%; padding: .4em; }
.registrationForm fieldset { padding:0; border:0; margin-top:25px; }
.registrationForm h1 { font-size: 1.2em; margin: .6em 0; }
.registrationForm div#users-contain { width: 350px; margin: 20px 0; }
.registrationForm div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
.registrationForm .ui-dialog .ui-state-error { padding: .3em; }
.registrationForm .validateTips { border: 1px solid transparent; padding: 0.3em; }